.edu-btn {
    display: inline-block;
    height: 42px;
    width: 120px;
    outline: none;
    border: none;
    line-height: 42px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
    transition: all 0.3s;
    &:first-child {
      margin-left: 0;
    }
    @include radius(4px, 4px, 4px, 4px);
    @extend %h6;
    border: 1px solid nth($list: $color, $n: 11);
    color: nth($list: $color, $n: 3);
    background-color: nth($list: $color, $n: 1);
}
    
.edu-btn-medium {
    width: 120px;
}
  
.edu-btn-medium-x {
    width: 150px;
}
  
.edu-btn-large {
    width: 200px;
}

.edu-btn-radius {
    border-radius: 20px;
}
  
.edu-btn-default {
    color: nth($list: $color, $n: 3);
    background-color: nth($list: $color, $n: 1);
    border: 1px solid nth($list: $color, $n: 11);
}
  
.edu-btn-primary {
    color: nth($list: $color, $n: 1);
    background-color: nth($list: $color, $n: 10);
    border: none;
    &:hover {
      opacity: 0.8;
    }
}
  
.edu-btn-disabled {
    color: nth($list: $color, $n: 1);
    background-color: nth($list: $color, $n: 13);
    border: none;
}
  
.edu-btn-warning {
    color: nth($list: $color, $n: 1);
    background-color: nth($list: $color, $n: 8);
    border: none;
}
.edu-border-none {
    border: none;
}